<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:f="http://java.sun.com/jsf/core"      
      xmlns:h="http://java.sun.com/jsf/html">
<h:head>
	<title>登陆页面</title>
	<meta http-equiv="content-type" content="text/html; charset=UTF-8"></meta>
	<style type="text/css">
		#loginbody{overflow:hidden; zoom:1;}
		#loginwrap{width:421px; margin:auto;overflow:hidden; zoom:1; height:460px}
		#loginfooter{text-align:center;height:25px;position:fixed;_position:absolute; left:0 ;bottom:0;width:100%;z-index:1000;}
	</style>
	<link rel="stylesheet" type="text/css" href="css/default/skin.css" />
</h:head>
<!-- 
<script>function doKeydown(e){}</script>
onkeydown="doKeydown(event)"
 -->
<h:body>
<div id="loginbody">
    <div id="loginwrap">
        <div class="loginlogo">
        	<div class="logo"><img id="corpLog" onError="this.style.display='none';"></img></div>    
        </div>
        <div id="loginmain" >
        	<h:form>
                <table cellpadding="0" cellspacing="0">
                    <tr>
                        <td width="100" align="right"><label><h:outputText value="#{msg['logon.username']}"/></label></td>
                        <td>
                        	<span class="usname">
                        		<h:inputText id="userName" value="#{loginBean.userName}" required="true"></h:inputText>
                        	</span>
                        	<h:message for="userName" style="color: red;"></h:message>
                        </td>
                    </tr>
                    <tr>
                        <td align="right"><label>密码：</label></td>
                        <td>
                        	<span class="paword">
                        		<h:inputSecret id="password" value="#{loginBean.password}" required="true"></h:inputSecret>
                        	</span>
                        	<h:message for="password" style="color: red;"></h:message>
                        </td>
                    </tr>
                    <tr>
                        <td align="right"><label>语言：</label></td>
                        <td><select id="selectLg" style=" width:154px;"><option value="">中文</option></select></td>
                    </tr>
                    <tr>
                        <td align="right"><label>风格：</label></td>
                        <td><select id="sys_cssControl_login" style=" width:154px; "><option value="">蔚蓝海岸</option></select></td>
                    </tr>
                       <tr>
                        <td align="right"></td>
                        <td class="chbox">
                            <input id="chkSaveUinfo" type="checkbox" name="remeberMe"/><label>保存信息</label> 
                        </td>
                    </tr>
                    <tr>
                        <td align="right"></td>
                        <td class="suit" >
                        	<h:commandButton type="submit" id="login" action="#{loginBean.login}" value="登陆" onclick="$(this).focus();"></h:commandButton>
                           	<h:commandButton type="reset" id="reset" value="重置"></h:commandButton>
							<!-- <span class="loginBtn" id="submit" ><b><label>登陆</label></b></span>
                             <span class="loginBtn" id="btnReset"><b><label>重置</label></b></span>
                             -->
                        </td>
                    </tr>
                </table>
            </h:form>
        </div>
    </div>
	<div id="loginfooter">现金管理系统 2012 版权所有 </div>
</div>
</h:body>
<script type="text/javascript">
	var myWrap=document.getElementById("loginbody"),
	myInnerWrap=document.getElementById("loginwrap"),
	logofooter=document.getElementById("loginfooter"),
	flowCenter=function(){
		  var top=Math.max(document.documentElement.scrollHeight,document.documentElement.clientHeight);
		  myWrap.style.height=top+"px";
	      myInnerWrap.style.marginTop=(top-460)/2+"px";
		  }
	window.onresize=flowCenter;
	if(window.navigator.appVersion.indexOf("MSIE 6.")){
		window.onscroll=function(){
			logofooter.style.bottom="";
			logofooter.style.bottom="0"
		};
	}
	flowCenter();
</script> 
</html>